<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <style>-->
/*        元素选择器：*/
/*           作用：*/根据标签名来选中指定的元素
/*           语法：*/标签名{}
/*           例子：*/p{} h1{} div{}
/*        id选择器：*/
/*           作用：*/根据元素的id属性值选中一个元素
/*           语法：*/#id属性值{}
/*           例子：*/#box{}
/*        类选择器：*/
/*           作用：*/class 是一个标签的属性，它和id类似，不同的是class可以重复使用
/*              */   可以通过class属性为元素分组，可以为一个元素指定多个class属性
             语法.class属性值{}
          通配选择器：
             作用：页面中的所有元素
             语法：*
             *{
                 }
          交集选择器
             作用：选中同时符合多个条件的元素
             语法：选择器1选择器2选择器3...{}
             例子：
                 div.red{
                        .....//即得是div又含有class=red
                    }
          并集选择器
             作用：同时选择多个选择器对应的元素
             语法：选择器1，选择器2...{}
<!--    </style>-->
</head>
<body>
       <div class="div">我是div</div>
       <p class="red">我是p元素</p>
       <div class="red2 a b c">我是div</div>
</body>
</html>